@charset "utf-8";
.page,.pageFormContent{height:100%;overflow-x:hidden}
.comboxop{width:166px;}
.combox .select a { width:165px;}
.searchContent .textInput{width:187px;}
.searchContent .date{width:171px;float:left;}
.min.comboxop{width:79px;}
.min.combox .select a { width:78px;}
.searchContent .min.textInput{width:100px;}
.searchContent .min.date{width:84px;}
.searchContent .max.comboxop{width:366px;}
.searchContent .max.combox .select a { width:365px;}
.max.textInput{width:387px;}
.max.date{width:371px;}

.pageFormContent textarea.textInput{width:80%;height:50px;}
.pageFormContent p.textareaContainer{width:100%;height:50px;}
.pageFormContent .textInput{width:187px;}
.pageFormContent .atext{width:187px;}
.pageFormContent .date{width:171px;}
.pageFormContent .comboxop{width:166px;}
.pageFormContent .combox .select a { width:165px;}
.pageFormContent .min.comboxop{width:79px;}
.pageFormContent .min.combox .select a { width:78px;}
.pageFormContent .min.textInput{width:100px;}
.pageFormContent .min.date{width:84px;}
.max.comboxop{width:366px;}
.max.combox .select a { width:365px;}
.pageFormContent .max.textInput{width:567px;}
.pageFormContent .max.date{width:371px;}
.pageFormContent p.autowidth{padding-right: 10px;width:auto;}
table th{text-align:center;}
table .gridCol a {color:#3C7FB1; font-size:9pt; line-height:20px;}
table .gridCol a:hover {text-decoration:underline; line-height:20px;}
.gridThead table {border-collapse:collapse; border:solid 1px #ededed;}
.gridThead table thead tr {background:url("../default/images/grid/tableth.png") repeat-x scroll 0 0 #F0EFF0;}
.gridThead table th {padding:1px 2px; line-height:21px; border-right: solid 1px #D0D0D0; border-bottom:solid 1px #D0D0D0; font-weight:bolder; text-align:center;}
.gridThead table td {padding:1px 2px; line-height:21px; border-right:solid 1px #ededed;}
.gridThead table th.asc, .grid .gridHeader th.asc{background-position: 100% 0; background:url(../default/images/order_up.gif) no-repeat right; cursor:pointer;}
.gridThead table th.desc, .grid .gridHeader th.desc{background-position: 100% 0; background:url(../default/images/order_down.gif) no-repeat right; cursor:pointer;}
.gridThead table tbody {background-color:#fff;}
.gridThead table .right {text-align:right;}
.gridThead table .trbg {background-color:#F8F8F8;}
.gridThead table .hot {background-color:#fff5c0;}
.gridThead table .hover {background-color:#e4f5ff;}
.gridThead table .selected {background-color:#7cc5e5;border-color:#b8d0d6; }

table.nowrap tbody tr {border-bottom:solid 1px #ededed;}

.comx,span .comx,select .comx { background:url(../default/images/search-bg.gif) no-repeat; }

.tip{height: 23px;width: 99%;line-height: 23px; margin-bottom:5px; background-color:#e8edf3;clear:both}
.tip span{background-image: url("image/tip.gif");background-position: left center;background-repeat:no-repeat;height: 23px;width: 100%;line-height: 23px;padding-left: 15px;}
.tip2{height: 23px;width: 99%;line-height: 23px; margin-bottom:5px;clear:both}
.tip2 span{background-image: url("image/tip.gif");background-position: left center;background-repeat:no-repeat;height: 23px;width: 100%;line-height: 23px;padding-left: 15px;}

#rightside { position:absolute; top:66px; right:0; z-index:20;}
#sidebar_r { width:24px; position:relative; top:0; left:0; z-index:21;}
#sidebar_r .collapse { height:430px; cursor:pointer;}
#sidebar_r .toggleCollapse { border:0; background:none;}
#sidebar_r .toggleCollapse div { width:21px; border:0; background-position:-2px -47px;}
#sidebar_r .toggleCollapse div:hover { background-position:-2px -97px;}
.pageFormContent p.attachment{
width:100%;height:120px;
}
.pageFormContent p.attachment2{
width:100%;height:400px;
}
.pageFormContent p.attachment div{
width:100%;height:100%;overflow:auto;
}
.pageFormContent p span { 
	border: 1px solid #EBF0F5;
    display: block;
    height: 28px;
    line-height: 28px;
    padding-left: 5px;
    text-align: left;
    width: 250px;
}
.pageFormContent p span.textarea{
	height: auto;
    width: 80%;
}
.progressBar {
    width: 248px;
    background:none;
    height:auto;
    padding: 20px 20px 20px 50px;
    display:none;
}
#myprogressbar{
position:absolute;
top:0;
left:0;
width:100%;
height:99%;
display:none;
}
#backgd{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
filter:alpha(opacity=10);
-moz-opacity:0.1;
-khtml-opacity: 0.1;
opacity: 0.1;
background-color:#000000;
text-align:center;
}
#loading{
position:relative;
top:40%;
width:397px;
height:49px;
margin:auto;
background:url(image/bg.png) no-repeat;
}
#loading div{
width:0%;
height:48px;
background:url(image/pro.png) no-repeat;
color:#000;
text-align:center;
font-family:Tahoma;
font-size:18px;
line-height:48px;
}
.cenbutton{
margin-left:10px;
}
.pageFormContent .comx2 { border:1px solid; border-color: #A2BAC0 #B8D0D6 #B8D0D6 #A2BAC0; display: inline-block;
    height: 21px;
    margin: 5px 0 5px 5px;
    padding: 0;
    position: relative;
    width: 193px;}
.pageFormContent .comx3 { border:1px solid; border-color: #A2BAC0 #B8D0D6 #B8D0D6 #A2BAC0; display: inline-block;
    height: 21px;
    margin: 5px 0 5px 5px;
    padding: 0;
    width: 193px;}

.tabs .selfcollapse{
background: url("../default/images/panel/panel_icon.png") no-repeat scroll 0 0 transparent;float:right;height:20px;width:20px;
}
.tabs .selfcollapse:hover{
background: url("../default/images/panel/panel_icon.png") no-repeat scroll 0 -50px transparent;float:right;height:20px;width:20px;
}
.tabs .selfexpandable{
background: url("../default/images/panel/panel_icon.png") no-repeat scroll 0 -100px transparent;float:right;height:20px;width:20px;
}
.tabs .selfexpandable:hover{
background: url("../default/images/panel/panel_icon.png") no-repeat scroll 0 -150px transparent;float:right;height:20px;width:20px;
}

table.self_color thead tr{
	background: none;
}
table.self_color th{
	background-color: #CCCCCC;
}
